<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>门诊年度统计</title>
</head>
<body>
<div id="container" style="height: 500px"></div>
<script src="../../js/echarts.min.js" charset="utf-8"></script>
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script type="text/javascript">
  $.get("/web/finance/reportYearBingFinance",function(data){
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
      title : {
        text: '门诊部年度统计',
        subtext: '真实有效',
        x:'center'
      },
      tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
      },
      legend: {
        orient: 'vertical',
        left: 'left',
        data: data.name
      },
      series : [
        {
          name: '年份',
          type: 'pie',
          radius : '55%',
          center: ['50%', '60%'],
          data:data,
          itemStyle: {
            emphasis: {
              shadowBlur: 10,
              shadowOffsetX: 0,
              shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
          }
        }
      ]
    };
    ;
    if (option && typeof option === "object") {
      myChart.setOption(option, true);
    }
  })

</script>
</body>
</html>